<!--suppress HtmlUnknownAttribute -->
<md-toolbar>
  <!--<i class="material-icons">navigate_before</i>-->
  <button md-button (click)="goBack()" class="example-icon">
    <md-icon>navigate_before</md-icon>
  </button>
  <span class="example-spacer"></span>
  <button md-button class="example-icon">
    <md-icon >favorite</md-icon>
  </button>
  <button md-button class="example-icon">
    <md-icon>delete</md-icon>
  </button>

</md-toolbar>

<md-card *ngIf="pendingTask">
  <md-card-header>
    <div md-card-avatar><md-icon>person</md-icon></div>
    <md-card-title>
      客户姓名: <span>{{pendingTask.name}}</span>
    </md-card-title>
    <md-card-subtitle>
      客户编号: <span>{{pendingTask.no}}</span>
    </md-card-subtitle>
  </md-card-header>

  <md-card-content>

    <p>客户详细信息...todo</p>

  </md-card-content>

  <md-card-actions>

    <button md-button (click)="modifiesStatus()">任务分配</button>
    <button md-button (click)="modifiesStatus()">发回待办</button>
    <button md-button (click)="modifiesStatus()">状态修改</button>
    <button md-button (click)="modifiesStatus()">基础信息</button>
  </md-card-actions>

  <md-card-actions>
    <button md-button (click)="modifiesStatus()">车辆信息</button>
    <button md-button (click)="modifiesStatus()">审批信息</button>
    <button md-button (click)="modifiesStatus()">家访要求</button>
  </md-card-actions>
</md-card>
<div>
  <app-image-picker></app-image-picker>
</div>

<gallery [flexBorderSize]="3"
         [flexImageSize]="7"
         (viewerChange)="viewerChange($event)"></gallery>


